  <script setup>
const props = defineProps({
	text: {type: String, default: '暂无数据'},
	showIcon: {type: Boolean, default: true},
	height: {type: String, default: '100%'},
	img:{type:String,default:''}
})
</script>

<template>
	<view class="box-view" :style="{'height' : height}">
		<image v-if="showIcon" src="https://bangbang-app.oss-cn-hangzhou.aliyuncs.com/static/icon/empty.png" mode="aspectFit"/>
        <slot>
            <view>{{ props.text }}</view>
        </slot>
	</view>
</template>

<style scoped>
.box-view {
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
    padding: 24rpx 0;
    box-sizing: border-box;
}

.box-view > image {
	width: 400rpx;
	height: 308rpx;
	margin-bottom: 16rpx;
}

.box-view > view {
	font-family: PingFang SC, PingFang SC;
	font-weight: 500;
	font-size: 28rpx;
	color: #909193;
}
</style>
